<template>
  <div class="container">
    <div class="wrap">
      <div class="schoolEN">Shantou University</div>
      <div class="schoolCN">汕大毕业礼物</div>
      <img src="http://file.rzkeji.com/web/loveciy/img/cutPrice/insaneCut.png" class="showImg"/>
      <div class="name">@ Emily:</div>
      <div class="content">很想说，汕大，幸会这一年懵懂的大一生活，我遇到了很多有趣的人做了很多有趣的事，跟着理学院去新加坡学习，跟着舞蹈团去肇庆比赛参加粤港澳大湾区交流活动，和印度小姐姐在半夜1.2点的水库边吃着蛋糕，大声唱歌，尽情舞蹈，遇到了和蔼尊重的导师，遇到了一起pre的越看越顺眼的队友
      </div>
    </div>
    <div class="qrcodeDetails">
      <span>
        这是一份来自汕大的纪念礼物<br/>
        扫描二维码领取你的专属礼物
      </span>
      <img src="http://file.rzkeji.com/web/loveciy/img/cutPrice/insaneCut.png" class="qrcode"/>
    </div>
  </div>
</template>

<script>

export default {
  components: {
  },

  data () {
    return {
    }
  },
  computed:{
    qrcodeList(){
      return this.$store.state.modulesLuck.qrcodeList;
    }
  },
  mounted () {
    console.log(this.qrcodeList)
  }
}
</script>

<style scoped>
.container{width: 375px;}
.wrap{width:300px;margin-left: 33.5px;margin-top: 45.5px;border-bottom: 1px solid #333;padding-bottom: 80px;}
.schoolEN{width: 300px;height: 18.5px;font-size: 16px;color: #333333;}
.schoolCN{width: 300px;height: 21px;font-size: 18px;color: #333333;font-weight: 700;margin-top: 28.5px;}
.showImg{width: 300px;height:200px;margin-top: 43.5px;}
.name{width: 300px;height: 11.5px;font-size: 14px;font-weight: 700;color: #333333;margin-top: 30px;}
.content{margin-top: 20px;font-size: 11px;line-height: 20px;}
.qrcodeDetails{width: 300px;margin-left: 33.5px;display: flex;justify-content: row;padding: 40px 0px;position: relative;}
.qrcodeDetails span{display: block;font-size: 12px;color: #666666;height: 40px;margin-top: 10px;}
.qrcode{width:60px;height:60px;display: block;position: absolute;right: 0;}
</style>
